@import "../../sass/_index.scss";

// 垂直面板
.inner-vertical{
    height: 160px;
    justify-content: space-between;
    .brief {  
        .caption {
            .icon {
                color: $brand-grey;
            }
        }
    }
}

// 水平面版
.inner-horizontal {
    @include content-inner();
    .brief {  
        .caption {
            .icon {
                color: $brand-primary;
            }
        }
    }
}

.inner {
    @include flex(column, false);

    .title {
        // @include flex(column);

        .text {
            font-size: $font-size-base + 2;
            color: $color-text-base;
        }

        .paragraph {
            @include flex(true, space-between);

            line-height: 1.6;
            .price {
                font-size: $font-size-base + 2;
                font-weight: 600;
                color: $color-text-base;
            }
        }
    }
    
    .h {
        margin-bottom: $v-spacing-sm;
    }

    .brief {
        @include flex(true, space-between);
        
        .caption {
            @include flex(true, space-between);

            .icon {
                font-size: $font-size-base;
            }
        }

        .text {
            font-size: $font-size-base;
            color: $color-text-secondary;
        }

    }
}